import { asyncRouterMap, constantRouterMap } from '@/router'

/**
 * 通过meta.role判断是否与当前用户权限匹配
 * @param roles
 * @param route
 */
// function hasPermission(roles, route) {
//   if (route.meta && route.meta.roles) {
//     return roles.some(role => route.meta.roles.includes(role))
//   } else {
//     return true
//   }
// }

/**
 * 递归过滤异步路由表，返回符合用户角色权限的路由表
 * @param routes asyncRouterMap
 * @param roles
 */
// function filterAsyncRouter(routes, roles) {
//   const res = []

//   routes.forEach(route => {
//     const tmp = { ...route }
//     if (hasPermission(roles, tmp)) {
//       if (tmp.children) {
//         tmp.children = filterAsyncRouter(tmp.children, roles)
//       }
//       res.push(tmp)
//     }
//   })

//   return res
// }

function mapAsyncRouter(map, routes) {
  const res = []
  routes.forEach(route => {
    const tmp = {
      path: route.moduleUrl,
      component: map[route.moduleActionName],
      name: route.moduleDesc,
      hidden: route.moduleHide === 1,
      meta: { title: route.moduleName, noCache: true }
     }
      if (route.children && route.children.length > 0) {
        tmp.children = route.children;
        tmp.children = mapAsyncRouter(map, tmp.children)
      }
      if (route.moduleActionName === '@/views/layout/Layout') {
        tmp.meta.icon = 'chart'
      }
      res.push(tmp)
  })
  res.push({ path: '*', redirect: '/404', hidden: true })
  return res
}

const permission = {
  state: {
    routers: constantRouterMap,
    addRouters: []
  },
  mutations: {
    SET_ROUTERS: (state, routers) => {
      state.addRouters = routers
      state.routers = constantRouterMap.concat(routers)
    }
  },
  actions: {
    GenerateRoutes({ commit }, data) {
      return new Promise(resolve => {
        const { access } = data
        const map = asyncRouterMap;
        const accessedRouters = mapAsyncRouter(map, access);
        commit('SET_ROUTERS', accessedRouters)
        resolve()
      })
    }
  }
}

export default permission
